<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
    <title>Document</title>
    <link rel="stylesheet" href="css/backstage_slideShow1.css">
    <script src="libs/echarts.min.js"></script>
    <script src="libs/jquery.min.js"></script>
</head>

<body>
    <!-- 左侧菜单开始 -->
    <nav class="side-navbar">
        <div class="sidebar-header d-flex align-items-center justify-content-center p-3 mb-3">
            <div class="sidenav-header-inner text-center"><img class="img-fluid rounded-circle avatar mb-2"
                    src="images/用户照片.png" id="userImg" alt="person">
                <h2 class="h5 text-white text-uppercase mb-0">臭居居</h2>
                <p class="text-sm mb-0 text-muted">后台管理员</p>
            </div>
            <a class="brand-small text-center" href="backstage_index.html">
                <p class="h1 m-0">BD</p>
            </a>
        </div>
        <div class="d-flex my-2">
            <span class="text-uppercase text-gray-500 text-sm  fw-bold letter-spacing-0 mx-lg-2 heading"
                id="menuText">菜单
            </span>
        </div>
        <ul class="list-unstyled">
            <li class="sidebar-item">
                <a class="sidebar-link px-4" href="backstage_index.html">首页</a>
            </li>
            <li class="sidebar-item active">
                <a class="sidebar-link px-4" href="#exampledropdownDropdown" data-bs-toggle="collapse">
                    轮播图管理
                </a>
                <ul class="collapse list-unstyled " id="exampledropdownDropdown">
                    <li class="active"><a class="sidebar-link" href="#">主轮播图</a></li>
                    <li><a class="sidebar-link" href="#">限时秒杀轮播图</a></li>
                </ul>
            </li>
        </ul>
    </nav>
    <!-- 左侧菜单结束 -->
    <div class="page">
        <!-- 头部导航条开始 -->
        <header class="header">
            <nav class="navbar">
                <div class="container-fluid">
                    <div class="d-flex align-items-center justify-content-between w-100">
                        <div class="d-flex align-items-center">
                            <a class="navbar-brand ms-2" href="">
                                <div class="brand-text d-none d-md-inline-block text-uppercase letter-spacing-0">
                                    <strong class="text-primary text-sm">后台管理系统</strong>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a class="nav-link text-white text-sm ps-0 my-auto" href="login.html">
                                <span class="d-none d-sm-inline-block">登录
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </nav>
        </header>
        <!-- 头部导航条结束 -->
        <!-- 面包屑区域 -->
        <div class="bg-gray-200 text-sm">
            <div class="container-fluid">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 py-3">
                        <li class="breadcrumb-item"><a href="backstage_index.html">菜单</a></li>
                        <li class="breadcrumb-item"><a href="">轮播图管理</a></li>
                        <li class="breadcrumb-item active aria-current=" page">主轮播图</li>
                    </ol>
                </nav>
            </div>
        </div>
        <!-- 面包屑区域结束 -->
        <!-- 核心内容开始-->
        <div class="container px-0 mt-3">
            <div class="slideWrapper container">
                <div class="d-flex text-center slideHeader">
                    <div class="col-2">编号</div>
                    <div class="col-6">图片
                        <span>(注意格式为:800X450)</span>
                    </div>
                    <div class="col-2">背景颜色</div>
                    <div class="col-2">操作</div>
                </div>
                <div class="d-flex text-center slideItem">
                    <div class="col-2">1</div>
                    <div class="col-6">
                        <img src="images/slideshow_1.jpg" alt="">
                    </div>
                    <div class="col-2">
                        <input type="text" value="#fff">
                    </div class="col-2">
                    <div>删除</div>
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <div class="row text-center gy-3">
                <div class="col-sm-6 text-sm-start">
                    <p class="mb-0 text-sm text-gray-600">环球鞋网官方后台管理系统</p>
                </div>
                <div class="col-sm-6 text-sm-end">
                    <p class="mb-0 text-sm text-gray-600">如有问题请拨打：<a
                            href="https://bootstrapious.com/p/bootstrap-4-dashboard" class="external">15576339872</a>
                    </p>
                </div>
            </div>
        </div>
        </footer>
        <!-- 核心内容结束-->
    </div>
</body>
<script src="libs/bootstrap-5/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="libs/bootstrap-5/css/bootstrap.min.css">

</html>